<template>
    <div class="client">
        <el-container style="height: 100%; border: 1px solid #eee">
            <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                <el-menu router :default-openeds="['1', '3']">
                    <el-submenu index="/client">
                        <template slot="title"><i class="el-icon-message"></i>客户信息</template>
                        <el-menu-item-group>
                            <el-menu-item index="/client/clientinfo">客户信息首页</el-menu-item>
                            <el-menu-item index="/client/clientquest">客户需求处理</el-menu-item>
                            <el-menu-item index="/client/clientchart">统计分析</el-menu-item>
                            <el-menu-item index="/client/clienthistory">历史操作记录</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-aside>
            <el-container>
                <!-- 路由渲染 -->
                <router-view />
            </el-container>
        </el-container>
    </div>
</template>

<script>

export default {
  name: 'client',
}
</script>

<style  scoped>
.el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
}

.el-aside {
    color: #333;
}
</style>
